<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>万信管理后台</title>
    <%@ include file="/commons/meta.jsp"%>
    <link href="${ctx}/resources/admin/css/base.css" rel="stylesheet">
    <link href="${ctx}/resources/admin/css/zTreeStyle.css" rel="stylesheet">
    <link href="${ctx}/resources/admin/css/jqpagination.css" rel="stylesheet">
    <link rel="stylesheet" href="${ctx}/resources/artDialog/skins/default.css" type="text/css" />
</head>
<body>
<div id="loading" class="loading" >加载中…</div>
<div id="shade-div" class="shade-div hide"></div>
<%@ include file="/jsps/admin/inc/header.jsp"%>
<%@ include file="/jsps/admin/inc/menu.jsp"%>
<div id="main">
<div id="content" class="orgStr" >
    <div class="hd">
        <span>虚拟组管理</span>
        <a href="javascript:;" class="blue-btn btn fr exportVirtual">导出虚拟组</a>
        <a href="javascript:;" class="blue-btn btn fr importVirtual" style="margin: 0 10px;">导入虚拟组</a>
        <a href="${ctx}/userconfig/virtual_group!newVirtualGroup.xhtml" class="blue-btn btn fr" style="margin-left: 10px">新建虚拟组</a>
    </div>
    <div class="fl groupLeft">
        <ul>
        <s:iterator value="fteamList" status="i" var="ss">
	        <li id="<s:property value="id" />" <s:if test="#request.fteam.id==#ss.id">class="cur"</s:if>> <a href="${ctx}/userconfig/virtual_group!index.xhtml?fteamid=${ss.id}"><s:property value="name" /></a></li>
	    </s:iterator>
        </ul>
    </div>
    <div class="groupRight">
        <div class="search-box" style="border-top: none;margin-top: 0">
        
            <h3 style="display: inline-block;">${fteam.name}</h3>
            <span>（共${pager.totalCount}人）</span>
            <a href="javascript:;" class="reName" style="color: #106da6;margin: 0 10px;" value="${fteam.id}">重命名</a>
            <a href="javascript:;" class="delete" style="color: #106da6;margin: 0 10px;" value="${fteam.id}">删除</a>
        </div>
        <div class="tab-box" style="margin-top: 0">
            <ul>
                <li class="cur"><a href="javascript:;">成员</a></li>
                <li><a href="#">属性</a></li>
            </ul>
        </div>
        <div class="num1 num" style="display: block;">
            <div class="search-box" style="border-top: none;margin-top: 0">
                <form id="form1" action="" method="post">
                	<input id="fteamid" type="hidden" value="${fteam.id}">
                    <input type="text" class="itext gray" id="searchBy" name="username" value="输入姓名等进行查询" v="">
            		<button class="btn blue-btn" type="submit" id="searchButton">查询</button>
                </form>
                <!--<a href="${ctx}/userconfig/virtual_group!select.xhtml?fteamid=${fteam.id}" id="addMember"class="btn blue-btn fr">添加成员</a>-->
            	<a href="javascript:;" id="addMember"class="btn blue-btn fr">添加成员</a>
            </div>
            <div class="memberList">
                <h1>
                    <input type="checkbox" id="checkBox1">
                    <a href="javascript:;" class="removeMem">全部移除</a>
                    <select class="fr"><option>显示10行</option><option>显示20行</option><option>显示50行</option></select>
                </h1>
                <table class="table-list" id="table1">
			        <s:iterator value="pager.result" status="i" var="ss">
				        <tr>
				            <td><input type="checkbox"></td>
				            <td>${ss.username}</td>
				            <td>${ss.deptname}</td>
				            <td><a href="javascript:;"  class="removeMem" value="<s:property value="id" />">移除</a></td>
				        </tr>
				    </s:iterator>
			    </table>
             </div>   
            <jsp:include page="/jsps/admin/inc/pager.jsp">
				<jsp:param name="pageUrl" value="${ctx}/userconfig/virtual_group!index.xhtml?fteamid=${fteamid}" />
			</jsp:include>

        </div>

        <div class="num2 num">
            <div class="search-box" style="border-top: none;margin-top: 0">
                <a href="javascript:;" class="btn blue-btn fr">保存</a>
            </div>
            <ul class="configureList">
                <li class="list1">
                    <input type="checkbox"> <strong>特殊接入</strong>
                    <select disabled="disabled" style="margin-left: 10px">
                        <option>接入服务器1</option>
                        <option>接入服务器2</option>
                    </select>
                </li>
               <!-- <li class="list2">
                    <input type="checkbox"> <strong>加群确认</strong>
                    <a href="javascript:;" style="margin: 0 10px;color: #106da6;display: none;">设置代理人</a>
                </li>-->
                <li>
                    <input type="checkbox" id="a"> <strong>隐藏</strong>
                    <input type="checkbox" disabled="disabled" class="a" id="b"> 全部隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 资料隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 状态隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 禁止会话
                </li>
            </ul>

                <ul class="memberList memberList1">
                    <h1 style="border-bottom: 2px solid #3c4a5c;text-align: right;padding: 5px 10px">
                        <strong class="fl" style="line-height: 30px;">白名单</strong>
                        <button class="blue-btn btn adds">添加</button>
                    </h1>
                    <h1 style="background: #fff">
                        <input type="checkbox" id="check1">
                        <a href="javascript:;" class="delete" >删除</a>
                    </h1>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                        <ul>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                                <ul>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>

                                </ul>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>

                        </ul>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                </ul>
            <jsp:include page="/jsps/admin/inc/pager.jsp">
				<jsp:param name="pageUrl" value="${ctx}/userconfig/virtual_group!index.xhtml?fteamid=${fteamid}" />
			</jsp:include>
        </div>
    </div>

</div>
</div>
<%@ include file="/jsps/admin/inc/footer.jsp"%>
<!--选择用户
<div class="popbox w560" id="addUser" >
    <div class="popbox-hd">
        <h2>选择用户</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd clearfix">
        <div class="clearfix" style="position: relative;padding: 10px 0">
            <div class="left_info" style="width: 500px;">
                <form action="" method="" style="text-align: center">
                        <div id="searchName" style="width: 500px;border-radius: 0">
                            <button type="submit" class="searchName"></button>
                            <input type="text" value="输入姓名、账号、拼音等进行搜索" class="gray" style="width: 400px;">
                            <span class="removeSearch"></span>
                        </div>
                    </form>
                <div class="zTreeDemoBackground" style="border: 1px solid #ccc;height: 400px;overflow: auto;">
                    
                    <ul id="treeDemo" class="ztree">
                    </ul>
                </div>
            </div>
            <div class="removeBtn">
                <button class="btn gray-btn">新增<i class="na"></i></button>
                <button class="btn gray-btn"><i class="re"></i>移除</button>
            </div>
            <div class="right_info">
                <p class="center">已选择部门或成员</p>
                <div class="zTreeDemoBackground" style="border: 1px solid #ccc;height: 400px;overflow: auto;">
                    <ul id="treeDemo1" class="ztree">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn" id="addUserButton">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
-->
<!--导出虚拟组-->
<div class="popbox w540" id="exportVirtual" >
    <div class="popbox-hd">
        <h2>导出虚拟组</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd clearfix">
        <p><label>导出指定虚拟组：</label><input type="checkbox">虚拟组1</p>
        <p><label></label><input type="checkbox">虚拟组2</p>
        <p><label></label><input type="checkbox">虚拟组3</p>
        <p><label></label><input type="checkbox">虚拟组4</p>
        <p><input type="checkbox"> 导出所有虚拟组</p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--重命名-->
<div class="popbox w540" id="reName" >
	<form id="reNameForm">
		<input id="reNameId" name="fteam.id" type="hidden">
	    <div class="popbox-hd">
	        <h2>编辑修改虚拟组</h2>
	        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
	    </div>
	    <div class="popbox-bd clearfix">
	        <p><label>虚拟组名称：</label><input type="text" class="itext" value="" id="reNameName" name="fteam.name"  style="width: 200px;"></p>
	        <p><label>虚拟组描述：</label><input type="text" class="itext" value="" id="reNameRemark" name="fteam.remark"  style="width: 200px;"></p>
	    </div>
	    <div class="popbox-ft">
	        <a href="javascript:;" class="btn blue-btn" id="reNameButton">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
	    </div>
    </form>
</div>
<!--警告-->
<div class="popbox w300" id="warning" >
	<input id="sureDelId" type="hidden">
    <div class="popbox-hd">
        <h2>警告</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <p class="center"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn" id="sureDelButton">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--警告-->
<div class="popbox w300" id="remove" >
	<input id="removeId" type="hidden">
    <div class="popbox-hd">
        <h2>警告</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <p class="center"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn" id="sureRemoveButton">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--加群确定-->
<div class="popbox w300" id="list2A" >
    <div class="popbox-hd">
        <h2>加群确定</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <p class="center"><input type="text" value="请输入代理人账号或姓名" class="itext gray" style="width: 200px"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--新增账户-->
<div class="popbox w800" id="personnelSelection" style="display: none;">
    <div class="popbox-hd">
        <h2>人员选择</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <div class="selectionTop">
            <form action="" method="">
            <ul class="searchSelection">
                <li class="selectionName">姓名/账号</li>
                <li class="selectionSearch"><input type="text" class="itext" id="personnelSelection_text"></li>
                <li class="selectionBtn"><button type="button" class="btn gray-btn" id="personnelSelection_search">查询</button> <button type="reset" class="btn gray-btn" id="personnelSelection_clear">清空</button> </li>
            </ul>
            </form>
            <div class="zTreeDemoBackground">
                <ul id="treeDemo" class="ztree">
                </ul>
            </div>
        </div>
        <div class="selectionBot">
            <div class="selectionLeft mobile">
                <div class="pagination paginationLeft">
                    <a data-action="first" class="first" href="#">«</a>
                    <a data-action="previous" class="previous" href="#">‹</a>
                    <input type="text" data-max-page="40">
                    <a data-action="next" class="next" href="#">›</a>
                    <a data-action="last" class="last" href="#">»</a>
                </div>
                <br>
                <div class="table-div">
	                <table class="table-list" id="table_left">
	                </table>
                </div>
            </div>
            <div class="selectionMid">
                <ul>
                    <li><button class="singleRight"></button></li>
                    <li><button class="singleLeft"></button> </li>
                    <li><button class="allRight"></button></li>
                    <li><button class="allLeft"></button></li>

                </ul>
            </div>
            <div class="selectionRight mobile">
            	<div class="table-div">
                <table class="table-list" id="table_right">

                </table>
                </div>
            </div>
        </div>

    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn" id="pushData">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<script src="${ctx}/resources/admin/js/lib/jquery-1.8.0.min.js"></script>
<script src="${ctx}/resources/admin/js/lib/jquery.ztree.core-3.1.min.js"></script>
<script src="${ctx}/resources/admin/js/lib/jquery.ztree.excheck-3.1.min.js"></script>
<script src="${ctx}/resources/admin/js/lib/jquery.ztree.exedit-3.1.min.js"></script>
<script src="${ctx}/resources/admin/js/common.js"></script>
<script src="${ctx}/resources/admin/js/lib/jquery-ui.js"></script>
<script src="${ctx}/resources/admin/js/userConfigurationData/virtualGroup.js"></script>
<script src="${ctx}/resources/admin/js/lib/ztree.js"></script>
<script src="${ctx}/resources/artDialog/artDialog.source.js"></script>
<script src="${ctx}/resources/admin/js/lib/jquery.jqpagination.min.js"></script>
<script type="text/javascript">
if("${pager.keyword}"!=""){
	$("#searchBy").val("${pager.keyword}");
	$("#searchBy").removeClass("gray");
	$("#searchBy").addClass("borderRed");
}
$(function(){
	common.menuClicked('P3', 'C7');
});
</script>
</body>
</html>